import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import { createPinia } from 'pinia'
import './assets/css/style.css'
import App from './App.vue'
import router from './router'
import directives from './directive'
import './assets/font/iconfont.css' // 引入阿里云字体图标css
// import Axios from './http';
import '@/style/index.css'
import { mockXHR } from './mock/index'
import 'core-js/stable' // 引入所有必要的 Polyfills
import 'regenerator-runtime/runtime' // 如果你使用了 async/await，可能需要这个 Polyfill
if (import.meta.env.VITE_APP_MOCK === 'true') {
  mockXHR()
}

if (import.meta.env.VITE_NODE_ENV === 'production') {
  if (import.meta.env.VITE_NODE_ENV === 'production') {
    console.log('Running in 生产环境下的生产模式1')
  } else if (import.meta.env.VITE_NODE_ENV === 'test') {
    console.log('Running in 在生产环境下的测试模式1')
  } else {
    console.log(3)
  }
} else {
  console.log('Running in 开发环境1')
}
// main.ts

// 如果您正在使用CDN引入，请删除下面一行。

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

// 在引入 Element Plus 时，可以传入一个包含 size 和 zIndex 属性的全局配置对象。 size 用于设置表单组件的默认尺寸，zIndex 用于设置弹出组件的层级，zIndex 的默认值为 2000
// app.use(ElementPlus, { size: 'small', zIndex: 3000 })
app.use(ElementPlus)
app.use(createPinia())
app.use(router)
app.use(directives)
app.mount('#app')
